import React,{useState,useEffect} from 'react'

function Myeffect() {

    const [ count,setCount  ] = useState(0)
    const [ age,setAge  ] = useState(18)
    const add = (params) => {
        setCount(count+1)
    }
    const add2 = (params) => {
        setAge(age+1)
    }
    /* 可以单独的监控一个数据,  
    不传参数是 componentDidMount 和 componentDidUpdate的组合
    */

    useEffect(() => {
        console.log(`文件第一次加载的时候回执行 相当于componentDidMount ,
        每次数据更新的时候也会执行 相当于componentDidUpdate`,count)
    })
    useEffect(() => {
        console.log('第二个参数,监控的具体变量的变化',count)
    },[count])


    return (
        <div>
           <button onClick={add}> 点击添加{count} </button> 
           <button onClick={add2}> 点击添加{age} </button> 
        </div>
    )
}

export default Myeffect
